<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>reportComplaint</title>
		<meta name="description" content="" />
		<meta name="author" content="etch" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0" />
		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
		<script type="text/javascript" src="js/libs/jquery-1.5.1.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.min.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.easing-1.3.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.mousewheel-3.0.4.pack.js"></script>
		<script type="text/javascript" src="js/mylibs/jquery.fancybox-1.3.4.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {

				$("#add").click(function() {
					window.parent.$.fancybox({
						'height' : '100%',
						'width' : '100%',
						'href' : 'newEntry.html',
						'type' : 'iframe'
					});
				});
				$("#view1").click(function() {
					window.parent.$.fancybox({
						'height' : '100%',
						'width' : '100%',
						'href' : 'viewEntry.html?id=6',
						'type' : 'iframe'
					});
				});
				$("#view2").click(function() {
					window.parent.$.fancybox({
						'height' : '100%',
						'width' : '100%',
						'href' : 'viewEntry.html?id=7',
						'type' : 'iframe'
					});
				});
			});

		</script>
		<link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<!-- JavaScripts --->
		<script src="js/ratingPlugin/jquery.js"></script>
		<script src="js/ratingPlugin/jquery.MetaData.js"></script>
		<script src="js/ratingPlugin/jquery.rating.js"></script>
		<script src="js/ratingPlugin/jquery.rating.pack.js"></script>
		<script src="js/ratingPlugin/documentation.js"></script>
		<!-- CSS -->
		<link rel="stylesheet" href="css/ratingPlugin/jquery.rating.css" />
	</head>
	<body>
		<div style="border: #DDDDDD; padding: 20px; background: #E5E5E5; border-radius: 22px;">
			<table border="0" width="100%" summary="">
				<tr>
					<td align="left" valign="center"><font size="3"> <b>Report a Complaint</b> </font></td>
					<td align="right" valign="center"><a href="#divframe" id="add">
					<button type="button">
						Add
					</button> </a></td>
				</tr>
			</table>
			<hr />
			<div id="articles">
			<table cellpadding="10" width="100%" summary="">
				<tr onmouseover="this.style.cursor='pointer'">
					<td id="1"><font size="2"><b>
						<a href="#viewframe" id="view1">
						Torn out chairs on Bus 151
						</a>
					</b></font></td>
					<td valign="top">
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star" type="radio" class="star" disabled="disabled" checked="checked"/>
					</td>
				</tr>
				<tr onmouseover="this.style.cursor='pointer'">
					<td id="2"><font size="2"><b>
						<a href="#viewframe" id="view2">
						Metro Line 4 and the daily delays
						</a>
					</b></font></td>
					<td valign="top">
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled" checked="checked"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
						<input align="right" name="star2" type="radio" class="star" disabled="disabled"/>
					</td>
				</tr>
			</table>
			<script language="javascript">
					function addcomplaint() {
						alert('You will add a new complaint!');
						changeContent(4);

					}
				</script>
				<footer></footer>
		</div>
	</body>
</html>
